通常 CSS 都是設定用瀏覽器觀看的網頁樣式，不過當有列印網頁需求時，這些樣式往往會發生錯位等不如預期的狀況，因此如果有列印需求，除了使用 @media 進行媒體查詢，也可以使用 CSS 的 @page 定義列印網頁時的邊距、直印、橫印、奇數或偶數的頁面設定，這個單元會介紹 @page 的用法。

影片重點：

• 00:01:18 認識 @page
• 00:02:04 列印外邊界 margin
• 00:06:20 列印尺寸 size
• 00:09:16 列印方向 page-orientation
• 00:11:02 列印奇數偶數頁面 :first、:left、:right

相關參考：

• 教學文：CSS @page 列印網頁
• 影片連結：https://www.youtube.com/watch?v=KJwvbz_ZG3s

後記

之前 ChatGPT 的繪圖功能大爆發，最近換成 Gemini 繪圖功能大爆發，我想再過一兩個月又是 ChatGPT 的什麼東西大爆發，好像已經有點習慣這種不斷 AI 原力爆發的資訊，習慣之後反而更確認了要回歸初心，只有不斷強化自己的基本功，才能好好的善用這些 AI 工具呀～

雖然很多人都說好像不需要 PhotoShop 或修圖了，但一些細節的調整仍然少不了，而且目前我看到能把真的 AI 繪圖用得好的人，還是設計師為主呦～

更多參考：

• Youtube 頻道：https://www.youtube.com/@steam.oxxostudio
• CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html